今日主題

學習不同吃飯的方式？

聽聽大人是怎麼說的

• 結構化：控制流程要有規則（不能亂跳），不要用 Goto。
• 物件導向：間接的控制流程也要有規則。
• 函數式：變數最好不要亂改，寫程式要像數學一樣。

更多補充（簡單理解版）

• 結構化：照步驟做（順序、選擇、重複）。
• 物件導向：像樂高一樣，有封裝、繼承、變形的功能。
• 函數式：東西不能隨便改，不然多人同時動手會出問題。

謎之音：有選擇困難的人，會來當工程師嗎？

範例故事：

到目前為止ＡＩ的實作專案，原本的專案只有 express server + index.html
我想把它拆成前端並使用 Vue 框架製作，跟現有後端程式，Copilot 給我了三個選擇：

• A：馬上開始寫測試，再慢慢拆 API。
• B：先建立好完整的專案架構，再來寫測試。
• C：直接把舊有的元件移到獨立 .vue 檔案。

我最後選了 B。

現在畫面變成這樣

在程式中的應用

像這段腳本，可以一口氣幫我啟動前端和後端：
（不用全懂，看懂「同時啟動兩個東西」就好）

#!/bin/bash
echo "🚀 啟動前後端..."
npm run dev --prefix backend &
npm run dev --prefix frontend &
wait

小結與思考問題：

• 我要怎麼讓畫面設計有我自己訂的風格呢？
• 如果我有 前端 + 後端、前台 + 後台，我要怎麼拆分專案呢？
• 怎樣最好看懂這個專案的結構跟容易修改呢？

其他心得

• AI coding 的每一個程式決策，會影響接下來的走向，以及修正時間。
  （例如不從原本有的部分改，直接建新資料夾跟框架）
  （例如想要 skip 繞過測試）
• 有時要注意 Termial 是不是有要下指令或選擇，例如 Test 卡住、或建立框架指令要選擇軟體。
• Tidy First 真的很好用，可以分好步驟，先處理行為再處理結構。